<template>
  <el-row :gutter="10" class="over scrollbars">
    <el-col :xs="24" :sm="20" :md="20" :lg="20" style="padding:0;">
      <over-view-table />
      <over-view-app />
    </el-col>
    <el-col :xs="24" :sm="4" :md="4" :lg="4" style="padding:0;">
      <over-view-right />
    </el-col>
    <el-col :xs="24" :sm="24" :md="24" :lg="24" style="padding:0;">
      <over-view-footer />
    </el-col>
  </el-row>
</template>

<script>
// import { ISSHOWFREE } from "@/service/public";

export default {
  components: {
    OverViewTable: () => import("./component/OverViewTable"),
    OverViewApp: () => import("./component/OverViewApp"),
    OverViewRight: () => import("./component/OverViewRight"),
    OverViewFooter: () => import("./component/OverViewFooter")
  },
  data() {
    return {};
  },
  created() {
    // this.getIsShow();
  },
  methods: {
    // async getIsShow() {
    //   await ISSHOWFREE().then(({ code, data }) => {
    //     if (code === 200) {
    //       data.isshow === 1
    //         ? this.$store.commit("isshow", true)
    //         : this.$store.commit("isshow", true);
    //     }
    //   });
    // }
  }
};
</script>
<style lang="scss" scoped>
.over {
  height: calc(100vh - 86px);
}
</style>
